<script setup>
import {ref} from "vue";
const display = ref(false)

function nodisplay(){
  if (window.innerWidth <= 1280){
    display.value = true;
  } else {
    display.value = false;
  }

  return display.value;

}
</script>

<template>
<div class="container" display={{display}}>
  <div class="titlebox">
    <span>
      筛选器
    </span>
  </div>

  <ul>
    <li>
      <input type="checkbox" name="dsa" id="dsad" checked="" />
    </li>
  </ul>
</div>
</template>

<style scoped>
titlebox{
  aspect-ratio: 1;
}
.container {
  margin: 0 20px;
  padding: 20px;

}

span {
  line-height: 60px;
  font-size: 30px;
  font-weight: 500;
}
</style>